window.onload = function () {
    // 搜索框
    ScrollReveal().reveal('.nav-search', {
        distance: '380px',
        // 持续时间
        duration: 1200,
        // 动画效果
        easing: 'ease-in-out',
        origin: 'left',
        // opacity: 0.6,
        // reset: true

    })
    // 表单
    ScrollReveal().reveal('.tables', {
        distance: '380px',
        // 持续时间
        duration: 1400,
        // 动画效果
        easing: 'ease-in-out',
        origin: 'right',
        // opacity: 0.6,
        // reset: true
    })

    // 公告滚动
    ScrollReveal().reveal('.tip', {
        distance: '380px',
        // 持续时间
        duration: 1400,
        // 动画效果
        easing: 'ease-in-out',
        origin: 'left',
        // opacity: 0.6,
        // reset: true
    })

    // 页码滚动
    ScrollReveal().reveal('.page-normal', {
        distance: '380px',
        // 持续时间
        duration: 1400,
        // 动画效果
        easing: 'ease-in-out',
        origin: 'right',
        // opacity: 0.6,
        // reset: true
    })

    // 弹框
    // 还书弹框
    // var functionalborrow = document.querySelector('.importants').getElementsByTagName('a');
    // console.log("借书总数---", functionalborrow.length);
    // 获取借书按钮，绑定点击事件
    var borrow = document.querySelector('.borrow');
    // 获取借书遮盖层
    var container = document.querySelector('.container');
    // 获取借书是否成功
    var container1 = document.querySelector('.container1');
    var container2 = document.querySelector('.container2');
    // 获取确认按钮，进行判断
    var determines = document.querySelector('#determine');
    // 确认按钮返回的true|flse的值
    var determine = document.querySelector('#determine').value;
    console.log("****", determine);
    // 借书按钮
    var btns = document.querySelector('.importants').getElementsByTagName('button');
    console.log("button按钮长度:", btns.length);



    //借书弹框----------------------------------
    $(document).on("click",".borrow",function (e){
        console.log($(this).attr('value'));
        var id=$(this).val();
        container.style.display = "block";
        // console.log($(this).attr("value"));
        determines.onclick = function () {
            // var determine = document.querySelector('#determine').value;
            // console.log("--------------",determine);
            console.log(id);
            var userId={
                "bookId":id
            }
            $.ajax({
                type:"get",
                url:'/borrow',
                dataType:"json",
                contentType:'application/json',
                data:userId,
                success(data) {
                    console.log("data数据:",data);
                    if (data == true) {
                        container.style.display = 'none';
                        var success = setTimeout(function () {
                            container1.style.display = 'block';
                        }, 800)
                        var success = setTimeout(function () {
                            container1.style.display = 'none';
                        }, 2000)
                    }
                    if(data == false){
                        container.style.display = 'none';
                        var success = setTimeout(function () {
                            container2.style.display = 'block';
                        }, 800)
                        var success = setTimeout(function () {
                            container2.style.display = 'none';
                        }, 2000)
                    }
                }

            })

            // container.style.display = 'none';
            // var success = setTimeout(function () {
            //     container2.style.display = 'block';
            // }, 800)
            // var success = setTimeout(function () {
            //     container2.style.display = 'none';
            // }, 1300)

        }
    })
    //----------------------------------

    // 点击取消，隐藏
    var canle = document.querySelector('.canle');
    canle.onclick = function () {

        // 获取遮盖层,进行隐藏
        container.style.display = 'none';
    }


    // determines.onclick = function () {
    //     var determine = document.querySelector('#determine').value;
    //     console.log("--------------",determine);
    //     if (determine == 'true') {
    //         container.style.display = 'none';
    //         var success = setTimeout(function () {
    //             container1.style.display = 'block';
    //         }, 800)
    //         var success = setTimeout(function () {
    //             container1.style.display = 'none';
    //         }, 1300)
    //     }
    //     if(determine == 'false'){
    //         container.style.display = 'none';
    //         var success = setTimeout(function () {
    //             container2.style.display = 'block';
    //         }, 800)
    //         var success = setTimeout(function () {
    //             container2.style.display = 'none';
    //         }, 1300)
    //     }
        // container.style.display = 'none';
        // var success = setTimeout(function () {
        //     container2.style.display = 'block';
        // }, 800)
        // var success = setTimeout(function () {
        //     container2.style.display = 'none';
        // }, 1300)

    // }

    // var aas = document.querySelector('.page-normal').getElementsByTagName("a");
    // console.log('a的值：', aas.length);
    // aas[0].style.backgroundColor = "#857479";
    // for (var i = 0; i < aas.length; i++) {
    //     aas[i].onclick = function () {
    //         for (var j = 0; j < aas.length; j++) {
    //             aas[j].style.backgroundColor = '';
    //         }
    //         this.style.backgroundColor = "#857479";
    //     }
    // }

    // for (var i = 0; i < functionalborrow.length; i++) {
    //     functionalborrow[i].onclick = function () {
    //         container.style.display = "block";
    //     }
    // }

    // 点击清空按钮
    var clearly = document.querySelector('#clearly');

    clearly.onclick = function () {
        // 书名
        // var bookName = document.getElementById("bookName");
        $('#bookName').val("");
        // 类型
        // var category = document.querySelector('#category');
        $('#category').val("");
        // 作者
        // var author = document.getElementById('author');
        $('#author').val("");


        console.log('清除完毕');
    }
}